<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, width=device-width">
        <!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<!-- 可选的Bootstrap主题文件（一般不用引入） -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">
		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!--图片跑马灯-->
		<script src="js/unslider-min.js"></script>
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link rel="stylesheet" type="text/css" href="css/unslider.css">
        
        <title>
        	iMorden爱摩登
        </title>
    </head>
    <body>
    	<div class="container-fluid">
    		<div id="header" class="row">
    			<div class="col-md-12 div_banner">
    				<div class="row div_app">
    					<div class="col-md-3 col-md-offset-2">
    						<a href="#" link="app/iModern.apk">
    							<img src="image/android.png" />
    						</a>
    					</div>
    					<div class="col-md-3">
    						<a href="https://itunes.apple.com/cn/app/ai-mo-deng/id988786560?mt=8" target="_blank">
    							<img src="image/ios.png" />
    						</a>
    					</div>
    					<div class="col-md-3">
    					</div>
    				</div>
    			</div>
    		</div>
    		<div id="content" class="row">
    			<div class="col-md-12" >
    				<div class="banner">
						<ul>
							<li style="background-image: url('image/show1.jpg');">
							</li>
							<li style="background-image: url('image/show2.jpg');">
							</li>
							<li style="background-image: url('image/show3.jpg');">
							</li>
							<li style="background-image: url('image/show4.jpg');">
							</li>
						</ul>
					</div>
    			</div>
    		</div>
    		<div id="footer1" class="row">
    			<div class="col-md-2 col-md-offset-3">
    				<div class="img_icon market">
    				</div>
    				<div class="text-center">
    					市场合作
    				</div>
    			</div>
    			<div class="col-md-2">
    				<div class="img_icon business">
    				</div>
    				<div class="text-center">
    					商务合作
    				</div>
    			</div>
    			<div class="col-md-2">
    				<div class="img_icon mediatype">
    				</div>
    				<div class="text-center">
    					媒体合作
    				</div>
    			</div>
    		</div>
    		<div id="footer2" class="row">
    			<div class="col-md-6 col-md-offset-3">
    				<br>
    				<br>
    				<p class="text-center">合作邮箱：imodern@starlooking.cn</p>
    				<br>
    			</div>
    		</div>
    		<div id="footer3" class="row">
				<div class="col-md-2 col-md-offset-3">
					<div class="img_icon logo">
    				</div>
    				<div class="text-center" >
    					关于iModern
    				</div>
    			</div>
    			<div class="col-md-2">
    				<div class="img_icon weixin">
    				</div>
    				<div class="text-center">
    					腾讯微信
    				</div>
    			</div>
    			<div class="col-md-2">
    				<a href="http://weibo.com/u/5565992040" target="_blank">
	    				<div class="img_icon weibo">
	    				</div>
	    				<div class="text-center">
							新浪微博
	    				</div>
    				</a>
    			</div>
    		</div>
            <div id="footer4" class="row">
                <div class="col-md-12">
                    <br>
                    <br>
                    <br>
                </div>
            </div>
    	</div>
    	<script type="text/javascript">
    		$('.banner').unslider({
				arrows: true,
				fluid: true,
				dots: true
			});
    	</script>
    </body>
</html>